@import "common"; //scss后缀可以省略
@import "animate.css"; //css后缀不能省略
@import "iconfont.css";

// 全局的样式 golbal css
// 项目主体样式
// $base_color: hsl(210, 65%, 20%); //公共条件,常量语法
// $base_font: 12px;

html,
body,
#app,
.main {
  width: 100vw;
  // height: 100vh;
}
.w100 {
  width: 100vw;
}

.fl {
  float: left;
}
.fr {
  float: right;
}

@mixin word-center($height) {
  text-align: center;
  line-height: $height;
}
@mixin no-bullets {
  list-style: none;
  li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0px;
  }
}
@mixin link-colors($normal, $hover, $visited) {
  color: $normal;
  &:hover {
    color: $hover;
  }
  &:visited {
    color: $visited;
  }
}
